<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../../common/jspcommon.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>登录 - 果果街</title>
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />

<%@include file="../../common/js.jsp" %>
<%@include file="../../common/css.jsp" %>

<!--[if ie]><link type="text/css" rel="stylesheet" href="/css/v4/common/IE.css"><![endif]-->
<style type="text/css">
	.login_error{color: #f69;}
	label.login_error{padding:0 0 0 75px; display:block;margin:5px 0 0 0; height:14px; line-height:14px; overflow:hidden;}
</style>
</head>
<body>
	<%@include file="../../common/header.jsp" %>
    <div class="w100p pt35 pb35">
    	<div class="w980 mg ">
            <div class="box_s6">
                <div class="l_r_box">
                	<h1>登录</h1>	
                    <div class="main_box">
                    	<h3 class="title">使用以下网站账号，直接登录果果街</h3>
                    	<div class=" lr_sorts_box">
                        	<a href="/member/sinalogin.htm" class=" reg_btn"><img src="../../images/v4/common/lr_icon_1.jpg" /><span>新浪微博</span></a>
                            <a href="/member/tencentlogin.htm" class=" reg_btn"><img src="../../images/v4/common/lr_icon_3.jpg" /><span>腾讯微博</span></a>
                            <div class="blank20"></div>
                            <a href="/member/qqlogin.htm" class=" reg_btn"><img src="../../images/v4/common/lr_icon_2.jpg" /><span>腾讯&nbsp;qq</span></a>
                            <a href="/member/toplogin.htm" class=" reg_btn"><img src="../../images/v4/common/lr_icon_4.jpg" /><span>淘宝网</span></a>
                        </div>
                  	</div>
                    <form action="/member/login.htm" method="post" id="login_form">
                    <input type="hidden" name="historyUrl" value="${historyUrl }"/>
                    <div class="lr_sepe">
                    	<p class="sepe"><span>或</span></p>
                    	<p class="lr_tip"><a id="mail_login" href="javascript:void(0)">用果果街注册邮箱/昵称登录<img src="../../images/v4/common/lr_icon_5.jpg" class="icon" /></a></p>
                       	<div class="mail_login_box" id="loginBox" style="display: none;">
	                       	<ul class="l_r_layout">
	                            <li><label class="def_lbl">账&nbsp;户：</label><input type="text" class="def_text_1 focus" name="loginName" id="loginName"/></li>
	                            <li><label class="def_lbl">密&nbsp;码：</label><input type="password" class="def_text_1 focus" name="loginPwd" id="loginPwd"/></li>
	                            <li class="special"><input type="submit" class="btn_s1 fl" value="登&nbsp;录" /><!-- <span><a href="/member/tofindpwd.htm" class="fl mt10 ml10">忘记密码?</a></span><div class="clear"></div> --></li>
	                       	</ul>
                       	</div>
                    </div>
                 </form>
                </div>
                <p class="lr_copy">©2011-2012 果果街 增值电信业务经营许可证：沪B2-20110080 沪ICP备11003519号</p>
                <div class="shadow"></div>
            </div>
       	</div>		
    </div>
    <!-- lunbo--end-->
    
    <!-- body--end-->
<script type="text/javascript">
$(document).ready(function() {
	$("#loginName").val("邮箱 或 昵称").css({
		'color' : 'gray',
		'font-size' : '12px'

	});
	$("#loginName").click(function() {
		$("#loginName").next('span').html("");
		if($(this).val()=="邮箱 或 昵称"){
			$(this).val("");
		}
		$(this).css('color', 'black');
	}).blur(function() {
		var curVal = $(this).val();
		if ($.trim(curVal) == "") {
			$(this).val("邮箱 或 昵称");
			$(this).css({
				'color' : 'gray',
				'font-size' : '12px'

			});
		}
	});
	$.validator.addMethod("notEqual", function(value, element, param) {
		   return value != param;
	}, $.validator.format("请填写你的用户名"));
	$("#login_form").validate(
			{
				errorClass:"login_error",
				rules : {
					loginName : {
						required : true,
						notEqual : "邮箱 或 昵称"
					},
					loginPwd : {
						required : true
					}
				},
				messages : {
					loginName : {
						required : "请填写你的用户名"
					},
					loginPwd : {
						required : "请填写密码"
					}
				},
				submitHandler:function(form) {
					$(form).ajaxSubmit(function(data){
						if(data=="nologin"){
							$("#loginName").parent('li').append('<label class="login_error">用户名密码错误</label>')
						}else{
							window.location.href=data;
						}
					});
				}
			});
			var ml=$("#mail_login");
			ml.bind("click",function(){
				var lb=$("#loginBox");
				if(lb.is(":hidden")){
					lb.slideDown("fast");
				}else{
					lb.slideUp("fast");
				}
				
			});
});
</script>
</body>
</html>